<!--
 * @Author: asushiye
 * @Date: 2020-07-06 13:44:51
 * @Commit: file content
-->
<!-- <div class="modal-header">
    <div class="modal-title">标签编辑</div>
</div> -->

<page-header [title]="title" autoBreadcrumb="false" />

<nz-card [nzBordered]="false">
  <form nz-form [formGroup]="form" se-container="1" labelWidth="200">
    <se label="文件名称" required>
      <input #file type="file" formControlName="file" (change)="change(file)" />
      <nz-progress [nzPercent]="uploadProgress" nzSize="small" />
    </se>

    <se label="扩展内容" error="请输入扩展内容" [hidden]="!record.showExtendedFields">
      <textarea nz-input formControlName="extendedFields" [nzAutosize]="{ minRows: 4 }" [placeholder]="record.hintExtendedFields">
      </textarea>
    </se>

    <se>
      <button nz-button nzType="primary" (click)="submit(file)" [disabled]="form.invalid" type="submit" [nzLoading]="isLoading">
        上传
      </button>
      <button nz-button class="ml-sm" (click)="close()">关闭</button>
    </se>
  </form>
</nz-card>
